<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">CREDITOS</ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<p:panel id="panel" header="COBRANZA DE CREDITOS"
			style="margin-bottom:10px;">

			<h:form id="formCliente">

				<p:outputLabel value="CEDULA/NOMBRE:" styleClass="negrita" />
				<p:inputText readonly="true"
					value="#{cobroCreditoBean.cliente.cedula} - #{cobroCreditoBean.cliente.apellido} #{cobroCreditoBean.cliente.nombre}"
					style="width: 445px; position: relative; left: 8px;" />

				<p:commandButton oncomplete="PF('buscarCliente').show()"
					action="#{cobroCreditoBean.limpiarObjetosBusquedaCliente}"
					icon="ui-icon-plus" style="left: 11px;" />

				<h:panelGrid columns="2" cellpadding="1">
					<p:outputLabel value="DIRECCIÓN:" styleClass="negrita" />
					<p:outputLabel value="#{cobroCreditoBean.cliente.direccion}"
						style="padding-left: 33px;" />

					<p:outputLabel value="REFERENCIA:" styleClass="negrita" />
					<p:outputLabel value="#{cobroCreditoBean.cliente.referencia}"
						style="padding-left: 33px;" />

				</h:panelGrid>

			</h:form>

		</p:panel>

		<p:dialog header="BUSCAR CLIENTE" widgetVar="buscarCliente"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoCliente" width="50%">

			<h:form id="formNuevoCliente">
				<p:outputLabel value="CEDULA/RUC/NOMBRE/APELLIDO:"
					styleClass="negrita" />
				<p:inputText id="comboCedula"
					value="#{cobroCreditoBean.criterioClienteBusqueda}"
					onblur="this.value=this.value.toUpperCase();" required="true" />

				<p:commandButton update="tablaClientes, :mensaje"
					icon="#{msg['iconoBuscar']}"
					actionListener="#{cobroCreditoBean.obtenerClientesPorBusqueda}" />


				<p:dataTable id="tablaClientes" var="cliente"
					value="#{cobroCreditoBean.listaClienteBusqueda}" paginator="true"
					rows="10" emptyMessage="#{msg['lbl.mensajeTabla']}"
					paginatorPosition="bottom" rowKey="#{cliente.personaid}"
					selection="#{cobroCreditoBean.cliente}" selectionMode="single">

					<p:ajax event="rowSelect"
						update=":formCliente, :formDataTable:tablaEgresos"
						listener="#{cobroCreditoBean.obtenerCliente}"
						oncomplete="PF('buscarCliente').hide()" />

					<p:column headerText="CEDULA" style="text-align:center;">
							 	#{cliente.cedula}
						</p:column>

					<p:column headerText="APELLIDO" style="text-align:center;">
							 	#{cliente.apellido}
						</p:column>

					<p:column headerText="NOMBRE" style="text-align:center;">
							 	#{cliente.nombre}
						</p:column>

				</p:dataTable>
			</h:form>

		</p:dialog>

		<h:form id="formDataTable">

			<p:dataTable id="tablaEgresos" var="egreso"
				value="#{cobroCreditoBean.listaEgresos}" paginator="true" rows="10"
				emptyMessage="#{msg['lbl.mensajeTabla']}" paginatorPosition="bottom"
				editable="true" editMode="cell">

				<f:facet name="header">
					<p:outputLabel value="LISTADO DE FACTURAS" />
				</f:facet>

				<p:column headerText="GESTIONAR FACTURA"
					style="text-align:center;width: 50px;">

					<p:tooltip for="btnPagar" value="VER PAGOS" />
					<p:commandButton id="btnPagar" update=":formPago"
						action="#{cobroCreditoBean.calcularNumeroCuotasEntradasCreditos}"
						oncomplete="PF('dialogoClientePago').show()"
						icon="ui-icon-bookmark">
						<f:setPropertyActionListener value="#{egreso}"
							target="#{cobroCreditoBean.egreso}" />
					</p:commandButton>

					<p:tooltip for="btnGarante" value="VER GARANTE" />
					<p:commandButton id="btnGarante" update=":formMostrar"
						oncomplete="PF('dialogoGarante').show()" icon="ui-icon-person">
						<f:setPropertyActionListener value="#{egreso}"
							target="#{cobroCreditoBean.egreso}" />
					</p:commandButton>

				</p:column>

				<p:column headerText="TIPO DOCUMENTO"
					filterBy="#{egreso.tipodocumento.nombre}"
					style="text-align:center;width: 50px;">
				 	#{egreso.tipodocumento.nombre}
				</p:column>

				<p:column headerText="# DOCUMENTO"
					filterBy="#{egreso.codigodocumento}"
					style="text-align:center;width: 50px;">
				 	#{egreso.codigodocumento}
				</p:column>

				<p:column headerText="FECHA EMISION"
					filterBy="#{egreso.fechainicio}"
					style="text-align:center;width: 50px;">
					<p:outputLabel value="#{egreso.fechainicio}">
						<f:convertDateTime pattern="dd/MM/yyyy"
							timeZone="America/Guayaquil" />
					</p:outputLabel>
				</p:column>

			</p:dataTable>
		</h:form>

		<p:dialog header="PAGO DE FACTURA" widgetVar="dialogoClientePago"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			width="50%">

			<h:form id="formPago">

				<p:accordionPanel id="acorPanel" multiple="true">

					<p:tab id="tabEntrada"
						title="ENTRADAS - TOTAL(#{cobroCreditoBean.numeroCuotas.cuotasTotalEntrada}) - PAGADAS(#{cobroCreditoBean.numeroCuotas.cuotasPagadasEntrada}) - POR PAGAR(#{cobroCreditoBean.numeroCuotas.cuotasPorPagarEntrada}) - VENCIDAS(#{cobroCreditoBean.numeroCuotas.cuotasVencidasEntrada}) - NORMALES(#{cobroCreditoBean.numeroCuotas.cuotasNormalesEntrada})">
						<p:dataTable id="tablaEntrada" var="entrada"
							value="#{cobroCreditoBean.egreso.entradas}" paginator="true"
							rows="6" emptyMessage="No hay informacion disponible."
							paginatorPosition="bottom"
							rowStyleClass="#{entrada.pagado eq true ? 'activo' : 
											(entrada.fechalimite lt cobroCreditoBean.fechaActual ? 'desactivo' : 'normal')}">

							<p:column headerText="GESTIONAR" style="text-align:center;"
								width="15%">
								<p:commandButton id="btnPagoEntrada" update=":formPagoEntrada"
									oncomplete="PF('dialogoPagoEntrada').show()"
									icon="ui-icon-bookmark"
									disabled="#{entrada.pagado eq true ? true:false}"
									actionListener="#{cobroCreditoBean.activarBotonEntrada}">
									<f:setPropertyActionListener value="#{entrada}"
										target="#{cobroCreditoBean.entrada}" />
								</p:commandButton>
							</p:column>

							<p:column headerText="FECHA LIMITE">
								<p:outputLabel value="#{entrada.fechalimite}">
									<f:convertDateTime pattern="dd/MM/yyyy"
										timeZone="America/Guayaquil" />
								</p:outputLabel>
							</p:column>

							<p:column headerText="FECHA DE PAGO">
								<p:outputLabel value="#{entrada.fechapago}">
									<f:convertDateTime pattern="dd/MM/yyyy"
										timeZone="America/Guayaquil" />
								</p:outputLabel>
							</p:column>

							<p:column headerText="PAGADO"
								style="text-align:center;width: 50px;">
								<p:selectBooleanCheckbox disabled="true"
									value="#{entrada.pagado}" />
							</p:column>

							<p:column headerText="MONTO">
								#{entrada.cuota}
							</p:column>

						</p:dataTable>

					</p:tab>

					<p:tab
						title="CUOTAS - TOTAL(#{cobroCreditoBean.numeroCuotas.cuotasTotalCredito}) - PAGADAS(#{cobroCreditoBean.numeroCuotas.cuotasPagadasCredito}) - POR PAGAR(#{cobroCreditoBean.numeroCuotas.cuotasPorPagarCredito}) - VENCIDAS(#{cobroCreditoBean.numeroCuotas.cuotasVencidasCredito}) - NORMALES(#{cobroCreditoBean.numeroCuotas.cuotasNormalesCredito})">
						<p:dataTable id="tablaCuotas" var="detalleCredito"
							value="#{cobroCreditoBean.egreso.credito.detallecreditos}"
							paginator="true" rows="6"
							emptyMessage="No hay informacion disponible."
							paginatorPosition="bottom"
							rowStyleClass="#{detalleCredito.pagado eq true ? 'activo' : 
											(detalleCredito.fechalimite lt cobroCreditoBean.fechaActual ? 'desactivo' : 'normal')}">

							<p:column headerText="GESTIONAR" style="text-align:center;"
								width="15%">
								<p:commandButton id="btnPagoCredito" update=":formPagoCuota"
									oncomplete="PF('dialogoPagoCredito').show()"
									disabled="#{detalleCredito.pagado eq true ? true:false}"
									icon="ui-icon-bookmark"
									actionListener="#{cobroCreditoBean.activarBotonCredito}">
									<f:setPropertyActionListener value="#{detalleCredito}"
										target="#{cobroCreditoBean.detallesCredito}" />
								</p:commandButton>
							</p:column>

							<p:column headerText="ORDEN">
								#{detalleCredito.orden}
							</p:column>

							<p:column headerText="FECHA LIMITE">
								<p:outputLabel value="#{detalleCredito.fechalimite}">
									<f:convertDateTime pattern="dd/MM/yyyy"
										timeZone="America/Guayaquil" />
								</p:outputLabel>
							</p:column>

							<p:column headerText="FECHA DE PAGO">
								<p:outputLabel value="#{detalleCredito.fechapago}">
									<f:convertDateTime pattern="dd/MM/yyyy"
										timeZone="America/Guayaquil" />
								</p:outputLabel>
							</p:column>

							<p:column headerText="PAGADO"
								style="text-align:center;width: 50px;">
								<p:selectBooleanCheckbox disabled="true"
									value="#{detalleCredito.pagado}" />
							</p:column>

							<p:column headerText="CUOTA">
								#{detalleCredito.cuota}
							</p:column>

						</p:dataTable>

					</p:tab>

				</p:accordionPanel>
			</h:form>

			<p:separator />
			<p:commandButton value="GUARDAR" update=":formDataTable, :mensaje"
				actionListener="#{cobroCreditoBean.actualizar}"
				oncomplete="PF('dialogoClientePago').hide()" id="btnPagoAceptar"
				icon="ui-icon-disk" />

			<p:commandButton value="CERRAR"
				oncomplete="PF('dialogoClientePago').hide()" id="btnPagoLimpiar"
				icon="ui-icon-close" />
		</p:dialog>

		<p:dialog header="DETALLE DE GARANTES" widgetVar="dialogoGarante"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			width="50%">

			<h:form id="formMostrar">

				<p:dataTable id="tablaGarantes" var="garantes"
					value="#{cobroCreditoBean.garantes}" rows="10"
					emptyMessage="#{msg['lbl.mensajeTabla']}">

					<f:facet name="header">
						<p:commandButton value="#{msg['btn.insertar']}"
							oncomplete="PF('dialogoGaranteInsertar').show()" id="btnNuevo"
							icon="ui-icon-plus" />
					</f:facet>

					<p:column headerText="GESTIONAR" style="text-align:center">
						<p:commandButton id="btnMostrar" update=":formMostrarGarante"
							oncomplete="PF('dialogoGaranteMostrar').show()"
							icon="#{msg['iconoMostrar']}">
							<f:setPropertyActionListener value="#{garantes}"
								target="#{cobroCreditoBean.garante}" />
						</p:commandButton>

						<p:commandButton id="btnEliminar" update=":formEliminar"
							oncomplete="PF('dialogoGaranteEliminar').show()"
							icon='ui-icon-close'>
							<f:setPropertyActionListener value="#{garantes}"
								target="#{cobroCreditoBean.garante}" />
						</p:commandButton>
					</p:column>

					<p:column headerText="CEDULA" style="text-align:center">
						#{garantes.cedula}
					</p:column>
					<p:column headerText="NOMBRE/APELLIDOS" style="text-align:center">
						#{garantes.nombre} #{garantes.apellido}
					</p:column>
					<p:column headerText="DIRECCION" style="text-align:center">
						#{garantes.direccion}
					</p:column>
					<p:column headerText="REFERENCIA" style="text-align:center;">
						#{garantes.referencia}
					</p:column>

				</p:dataTable>

			</h:form>

			<p:separator />
			<p:commandButton value="GUARDAR" update=":formDataTable, :mensaje"
				actionListener="#{cobroCreditoBean.actualizar}"
				oncomplete="PF('dialogoGarante').hide()" id="btnGaranteAceptar"
				icon="ui-icon-disk" />

			<p:commandButton value="CERRAR"
				oncomplete="PF('dialogoGarante').hide()" id="btnGaranteCerrar"
				icon="ui-icon-close" />

		</p:dialog>

		<p:dialog header="ENTRADA" widgetVar="dialogoPagoEntrada"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoPagoEntrada" width="50%">

			<h:form id="formPagoEntrada">

				<p:commandButton
					disabled="#{cobroCreditoBean.bnEntrada eq true ? false:true}"
					value="CALCULAR" icon="ui-icon-refresh" update="formPagoEntrada"
					actionListener="#{cobroCreditoBean.calcularEntrada}" />

				<p:outputLabel value="FECHA DE PAGO" />
				<p:calendar value="#{cobroCreditoBean.fechaPagoEntrada}"
					navigator="true" required="true"
					requiredMessage="ESOJA UNA FECHA DE PAGO" />

				<p:focus context="formPagoEntrada" />

				<h:panelGrid columns="2" cellpadding="2">

					<p:outputLabel value="CUOTA" />
					<p:outputLabel value="#{cobroCreditoBean.entrada.cuota}" />

					<p:outputLabel value="SALDO" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesEntradaReporte.saldoEntrada}" />

					<p:outputLabel value="MORA" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesEntradaReporte.moraEntrada}" />

					<p:outputLabel value="TOTAL" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesEntradaReporte.totalEntrada}" />

					<p:outputLabel value="FECHA LIMITE" />
					<p:outputLabel value="#{cobroCreditoBean.entrada.fechalimite}" />

				</h:panelGrid>

				<h:panelGrid columns="2" cellpadding="2">

					<p:dataTable id="tablaPagosEntrada" var="pagoEntrada"
						value="#{cobroCreditoBean.entrada.pagoentradas}">

						<p:column headerText="TIPO DE PAGO">
							#{pagoEntrada.tipopago.nombre}		
						</p:column>

						<p:column headerText="FECHA">
							<p:outputLabel value="#{pagoEntrada.fechapago}">
								<f:convertDateTime pattern="dd/MM/yyyy"
									timeZone="America/Guayaquil" />
							</p:outputLabel>
						</p:column>

						<p:column headerText="CUOTA">
							#{pagoEntrada.cuota}		
						</p:column>

					</p:dataTable>

					<p:commandButton id="btnPagar" update=":formPagarEntrada"
						oncomplete="PF('dialogoPagarEntrada').show()"
						icon="ui-icon-bookmark"
						disabled="#{cobroCreditoBean.bnEntrada eq true ? true:false}" />

					<f:facet name="footer">
						<p:commandButton value="GUARDAR" icon="ui-icon-disk"
							update=":formPago:acorPanel:tablaEntrada, formPagoEntrada"
							oncomplete="PF('dialogoPagoEntrada').hide()" />
						<p:commandButton value="CERRAR" icon="ui-icon-close"
							oncomplete="PF('dialogoPagoEntrada').hide()"
							actionListener="#{cobroCreditoBean.cancelarDetalleEntrada}" />

					</f:facet>
				</h:panelGrid>

			</h:form>
		</p:dialog>

		<p:dialog header="PAGAR ENTRADA" widgetVar="dialogoPagarEntrada"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoPagarEntrada">

			<h:form id="formPagarEntrada">

				<p:focus context="formPagarEntrada" />

				<h:panelGrid columns="2" cellpadding="5">

					<p:outputLabel value="TIPO DE PAGO" />
					<p:selectOneMenu styleClass="comboCedula"
						value="#{cobroCreditoBean.tiposPago.tipopagoid}" filter="true"
						filterMatchMode="contains">
						<f:selectItem itemLabel="ESCOJA UN TIPO DE PAGO" />
						<f:selectItems value="#{cobroCreditoBean.listTiposPago}"
							var="tipoPago" itemValue="#{tipoPago.tipopagoid}"
							itemLabel="#{tipoPago.nombre}" />
						<p:ajax event="change" update="formPagarEntrada"
							listener="#{cobroCreditoBean.tipoPago}" />
					</p:selectOneMenu>

					<p:outputLabel value="MONTO" />
					<p:inputText value="#{cobroCreditoBean.pagosEntrada.cuota}"
						required="true" requiredMessage="ESCRIBA EL MONTO" />

					<p:outputLabel value="BANCO" rendered="#{cobroCreditoBean.bnBanco}" />
					<p:selectOneMenu rendered="#{cobroCreditoBean.bnBanco}"
						value="#{cobroCreditoBean.banco.bancoid}" filter="true"
						filterMatchMode="contains">
						<f:selectItem itemLabel="ESCOJA UN BANCO" itemValue="" />
						<f:selectItems value="#{bancoBean.listaBancos}" var="banco"
							itemValue="#{banco.bancoid}" itemLabel="#{banco.nombre}" />
					</p:selectOneMenu>

					<p:outputLabel value="FECHA GIRO"
						rendered="#{cobroCreditoBean.bnBanco}" />
					<p:calendar value="#{cobroCreditoBean.pagosEntrada.fechagiro}"
						rendered="#{cobroCreditoBean.bnBanco}" navigator="true" />

					<p:outputLabel value="FECHA DE COBRO"
						rendered="#{cobroCreditoBean.bnBanco}" />
					<p:calendar value="#{cobroCreditoBean.pagosEntrada.fechacheque}"
						rendered="#{cobroCreditoBean.bnBanco}" navigator="true" />

					<p:outputLabel value="#{cobroCreditoBean.chequeTarjetaVaucher}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />
					<p:inputText value="#{cobroCreditoBean.pagosEntrada.chequevaucher}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />

					<p:outputLabel value="#{cobroCreditoBean.chequeTarjetaVaucher}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />
					<p:inputText value="#{cobroCreditoBean.pagosEntrada.cuentatarjeta}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />

					<f:facet name="footer">
						<p:commandButton value="GUARDAR" icon="ui-icon-disk"
							update=":formPagoEntrada,:formPagoEntrada:tablaPagosEntrada,  formPagarEntrada"
							actionListener="#{cobroCreditoBean.pagarEntrada}"
							oncomplete="PF('dialogoPagarEntrada').hide()" />
						<p:commandButton value="CANCELAR" icon="ui-icon-close"
							oncomplete="PF('dialogoPagarEntrada').hide()" process="@this"
							actionListener="#{cobroCreditoBean.cancelarEntrada}" />
					</f:facet>
				</h:panelGrid>

			</h:form>
		</p:dialog>

		<p:dialog header="CREDITO" widgetVar="dialogoPagoCredito"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoPagoCredito" width="50%">

			<h:form id="formPagoCuota">

				<h:panelGrid columns="3" cellpadding="2">

					<p:outputLabel value="FECHA DE PAGO" styleClass="negrita" />
					<p:calendar value="#{cobroCreditoBean.fechaPagoCredito}"
						navigator="true" required="true"
						requiredMessage="ESOJA UNA FECHA DE PAGO" />

					<p:commandButton
						disabled="#{cobroCreditoBean.bnCredito eq true ? false:true}"
						value="CALCULAR" update="formPagoCuota" icon="ui-icon-refresh"
						actionListener="#{cobroCreditoBean.calcularCuota}" />
				</h:panelGrid>

				<p:focus context="formPagoCuota" />

				<h:panelGrid columns="2">

					<p:outputLabel value="ORDEN" styleClass="negrita" />
					<p:outputLabel value="#{cobroCreditoBean.detallesCredito.orden}" />

					<p:outputLabel value="CUOTA" styleClass="negrita" />
					<p:outputLabel value="#{cobroCreditoBean.detallesCredito.cuota}" />

					<p:outputLabel value="SALDO" styleClass="negrita" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesCreditoReporte.saldoCredito}" />

					<p:outputLabel value="MORA" styleClass="negrita" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesCreditoReporte.moraCredito}" />

					<p:outputLabel value="TOTAL" styleClass="negrita" />
					<p:outputLabel
						value="#{cobroCreditoBean.cantidadesCreditoReporte.totalCredito}" />

					<p:outputLabel value="FECHA LIMITE" styleClass="negrita" />
					<p:outputLabel
						value="#{cobroCreditoBean.detallesCredito.fechalimite}" />

				</h:panelGrid>

				<h:panelGrid columns="2" cellpadding="2">

					<p:dataTable id="tablaPagosCredito" var="pagoCredito"
						value="#{cobroCreditoBean.detallesCredito.pagocreditos}">

						<p:column headerText="TIPO DE PAGO">
							#{pagoCredito.tipopago.nombre}		
						</p:column>

						<p:column headerText="FECHA">
							<p:outputLabel value="#{pagoCredito.fechapago}">
								<f:convertDateTime pattern="dd/MM/yyyy"
									timeZone="America/Guayaquil" />
							</p:outputLabel>
						</p:column>

						<p:column headerText="CUOTA">
							#{pagoCredito.cuota}		
						</p:column>

					</p:dataTable>

					<p:commandButton id="btnPagar" update=":formPagarCredito"
						oncomplete="PF('dialogoPagarCredito').show()"
						icon="ui-icon-bookmark"
						disabled="#{cobroCreditoBean.bnCredito eq true ? true:false}" />

					<f:facet name="footer">
						<p:commandButton value="GUARDAR" icon="ui-icon-disk"
							oncomplete="PF('dialogoPagoCredito').hide()"
							update=":formPago:acorPanel:tablaCuotas, formPagoCuota" />
						<p:commandButton value="CERRAR" icon="ui-icon-close"
							oncomplete="PF('dialogoPagoCredito').hide()"
							actionListener="#{cobroCreditoBean.cancelarDetalleCredito}" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="PAGAR CREDITO" widgetVar="dialogoPagarCredito"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoPagarCredito">

			<h:form id="formPagarCredito">

				<p:focus context="formPagarCredito" />

				<h:panelGrid columns="2" cellpadding="5">

					<p:outputLabel value="TIPO DE PAGO" styleClass="negrita" />
					<p:selectOneMenu styleClass="comboCedula"
						value="#{cobroCreditoBean.tiposPago.tipopagoid}" filter="true"
						filterMatchMode="contains">
						<f:selectItem itemLabel="ESCOJA UN TIPO DE PAGO" />
						<f:selectItems value="#{cobroCreditoBean.listTiposPago}"
							var="tipoPago" itemValue="#{tipoPago.tipopagoid}"
							itemLabel="#{tipoPago.nombre}" />
						<p:ajax event="change" update="formPagarCredito"
							listener="#{cobroCreditoBean.tipoPago}" />
					</p:selectOneMenu>

					<p:outputLabel value="MONTO" styleClass="negrita" />
					<p:inputText value="#{cobroCreditoBean.pagosCredito.cuota}"
						required="true" requiredMessage="ESCRIBA EL MONTO" />

					<p:outputLabel value="BANCO" styleClass="negrita"
						rendered="#{cobroCreditoBean.bnBanco}" />
					<p:selectOneMenu styleClass="comboCedula"
						rendered="#{cobroCreditoBean.bnBanco}"
						value="#{cobroCreditoBean.banco.bancoid}" filter="true"
						filterMatchMode="contains">
						<f:selectItem itemLabel="ESCOJA UN BANCO" itemValue="" />
						<f:selectItems value="#{bancoBean.listaBancos}" var="banco"
							itemValue="#{banco.bancoid}" itemLabel="#{banco.nombre}" />
					</p:selectOneMenu>

					<p:outputLabel value="FECHA GIRO" styleClass="negrita"
						rendered="#{cobroCreditoBean.bnBanco}" />
					<p:calendar value="#{cobroCreditoBean.pagosCredito.fechagiro}"
						rendered="#{cobroCreditoBean.bnBanco}" navigator="true" />

					<p:outputLabel value="FECHA DE COBRO" styleClass="negrita"
						rendered="#{cobroCreditoBean.bnBanco}" />
					<p:calendar value="#{cobroCreditoBean.pagosCredito.fechacheque}"
						rendered="#{cobroCreditoBean.bnBanco}" navigator="true" />

					<p:outputLabel value="#{cobroCreditoBean.chequeTarjetaVaucher}"
						styleClass="negrita" rendered="#{cobroCreditoBean.bnTarjeta}" />
					<p:inputText value="#{cobroCreditoBean.pagosCredito.chequevaucher}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />

					<p:outputLabel value="#{cobroCreditoBean.chequeTarjetaVaucher}"
						styleClass="negrita" rendered="#{cobroCreditoBean.bnTarjeta}" />
					<p:inputText value="#{cobroCreditoBean.pagosCredito.cuentatarjeta}"
						rendered="#{cobroCreditoBean.bnTarjeta}" />

					<f:facet name="footer">
						<p:commandButton value="GUARDAR" icon="ui-icon-disk"
							update=":formPagoCuota,:formPagoCuota:tablaPagosCredito, formPagarCredito, :mensaje"
							actionListener="#{cobroCreditoBean.pagarCredito}"
							oncomplete="PF('dialogoPagarCredito').hide()" />
						<p:commandButton value="CANCELAR" icon="ui-icon-close"
							update="formPagarCredito"
							oncomplete="PF('dialogoPagarCredito').hide()" process="@this"
							actionListener="#{cobroCreditoBean.cancelarCredito}" />
					</f:facet>
				</h:panelGrid>

			</h:form>
		</p:dialog>

		<p:dialog header="INSERTAR GARANTE" widgetVar="dialogoGaranteInsertar"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoNuevoGarante" width="50%">

			<h:form>
				<h:outputText value="NOMBRE DEL CLIENTE" />
				<p:inputText value="#{cobroCreditoBean.nombreCliente}"
					onblur="this.value=this.value.toUpperCase();" required="true"
					requiredMessage="ESCRIBA EL CODIGO DE UN PRODUCTO" />

				<p:commandButton update=":formNuevoGarante:tablaClientes"
					icon="#{msg['iconoGuardar']}"
					actionListener="#{cobroCreditoBean.obtenerClientes}" />
			</h:form>

			<h:form id="formNuevoGarante">

				<p:dataTable id="tablaClientes" var="garante"
					value="#{cobroCreditoBean.listaGarantes}" paginator="true" rows="5"
					emptyMessage="#{msg['lbl.mensajeTabla']}"
					paginatorPosition="bottom" rowKey="#{garante.personaid}"
					selection="#{cobroCreditoBean.garante}" selectionMode="single">



					<p:column headerText="CÉDULA" style="text-align:center;">
							 	#{garante.cedula}
						</p:column>

					<p:column headerText="APELLIDOS" style="text-align:center;">
							 	#{garante.apellido}
						</p:column>

					<p:column headerText="NOMBRES" style="text-align:center;">
							 	#{garante.nombre}
						</p:column>

				</p:dataTable>

				<h:panelGrid columns="2" cellpadding="5">

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="GUARDAR" update=":formMostrar, :mensaje"
							id="btnNuevoAceptar" icon="#{msg['iconoGuardar']}"
							oncomplete="PF('dialogoGaranteInsertar').hide()"
							actionListener="#{cobroCreditoBean.insertarGarante}"
							styleClass="centrarBotonesDialogos" />

						<p:commandButton value="CANCELAR"
							oncomplete="PF('dialogoGaranteInsertar').hide()"
							id="btnNuevolimpiar" icon="#{msg['iconoCancelar']}"
							process="@this" styleClass="centrarBotonesDialogos" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="MOSTRAR GARANTE" widgetVar="dialogoGaranteMostrar"
			resizable="false" modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoMostrar" width="600px">

			<h:form id="formMostrarGarante">

				<h:panelGrid id="panelMostrar" columns="2" cellpadding="2">
					<h:panelGrid columns="2" cellpadding="2" width="350">

						<h:outputText value="CEDULA" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.cedula}" />

						<h:outputText value="APELLIDOS:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.apellido}" />

						<h:outputText value="NOMBRES:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.nombre}" />

						<h:outputText value="FECHA NACIMIENTO:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.fechanacimiento}" />

						<h:outputText value="FECHA REGISTRO:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.fecharegistro}" />

						<h:outputText value="PROVINCIA:" style="font-weight:bold" />
						<h:outputText
							value="#{cobroCreditoBean.garante.ciudad.provincia.nombre}" />

						<h:outputText value="CIUDAD:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.ciudad.nombre}" />

						<h:outputText value="DIRECCION:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.direccion}" />

						<h:outputText value="REFERENCIA:" style="font-weight:bold" />
						<h:outputText value="#{cobroCreditoBean.garante.referencia}" />

						<h:outputText value="ACTIVO:" style="font-weight:bold" />
						<p:selectBooleanCheckbox disabled="true"
							value="#{cobroCreditoBean.garante.activo}" />
					</h:panelGrid>
					<h:panelGrid columns="1" cellpadding="2">

						<h:outputText value="TELEFONOS:" style="font-weight:bold" />
						<p:dataTable var="telefono"
							emptyMessage="#{msg['lbl.mensajeTabla']}"
							value="#{cobroCreditoBean.garante.telefonopersonas}">

							<p:column headerText="TELEFONOS">
							#{telefono.telefono}		
						</p:column>
							<p:column headerText="REFERENCIA">
							#{telefono.referencia}		
						</p:column>

						</p:dataTable>

						<h:outputText value="E-MAILS:" style="font-weight:bold" />
						<p:dataTable var="email" emptyMessage="#{msg['lbl.mensajeTabla']}"
							value="#{cobroCreditoBean.garante.emailpersonas}">

							<p:column headerText="E-MAILS">
									#{email.email}		
								</p:column>

						</p:dataTable>
					</h:panelGrid>

				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="ELIMINAR GARANTE" widgetVar="dialogoGaranteEliminar"
			severity="alert" showEffect="explode" hideEffect="explode"
			modal="false" resizable="false" width="258px"
			style="text-align: center;">
			<h:form id="formEliminar">

				<h:inputHidden value="#{cobroCreditoBean.garante.personaid}" />
				<br />
				<p:outputLabel value="ELIMINAR GARANTE" />
				<br />
				<br />
				<p:commandButton value="#{msg['btn.aceptar']}"
					update=":formMostrar ,:mensaje" icon="#{msg['iconoAceptar']}"
					oncomplete="PF('dialogoGaranteEliminar').hide()"
					actionListener="#{cobroCreditoBean.eliminarGarante}" />
				<p:commandButton value="#{msg['btn.cancelar']}" type="button"
					onclick="PF('dialogoGaranteEliminar').hide()"
					icon="#{msg['iconoCancelar']}" />
			</h:form>
		</p:dialog>

		<script type="text/javascript">
			//<![CDATA[
			function comprobar(xhr, status, args) {
				if (!args.validationFailed && args.error) {
					PF('clienteDialogoNuevo').hide();
				}
			}
			function comprobarDialogoProducto(xhr, status, args) {
				if (!args.error) {
					PF('productoDialogoNuevo').show()
				}
			}
			//]]>

			function handleSubmitRequest(args) {
				if (!args.validationFailed) {
					PF('productoDialogoNuevo').hide();
				}
			}
		</script>
	</ui:define>

</ui:composition>
</html>